<!doctype html>
<html  class="x-admin-sm">
	<head>
		<meta charset="UTF-8">
		<title>登录</title>
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<script type="text/javascript" src="./js/jquery.min.js"></script>
		<script src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>
		<script type="text/javascript" src="./js/cookie.js"></script>
		<script type="text/javascript" src="./js/vue.min.js"></script>
		<script type="text/javascript" src="./js/jquery.sha1.js"></script>
	</head>
	<body class="login-bg" style="min-width:499px;">
		<div class="login layui-anim layui-anim-up" id="login">
			<div class="message">QKD量子密钥分发</div>
			<div id="darkbannerwrap"></div>
			<form method="post" class="layui-form" >
				<input name="username" v-model="username" placeholder="用户名"  type="text" lay-verify="required" class="layui-input">
				<hr class="hr15">
				<input name="password" v-model="password" lay-verify="required" placeholder="密码"  type="password" @keyup.enter="login" class="layui-input">
				<hr class="hr15">
				<input value="登录" lay-submit lay-filter="login" style="width:100%;" type="button" @click="login" >
				<hr class="hr20" >
			</form>
		</div>
				<!--
	    <script>
		    $(function  () {
						layui.use('form', function(){
							var form = layui.form;
							// layer.msg('玩命卖萌中', function(){
							//   //关闭后的操作
							//   });
							//监听提交
							form.on('submit(login)', function(data){
								// alert(888)
								console.log(data);
								layer.msg(JSON.stringify(data.field),function(){
									location.href='index.html'
								});
								return false;
							});
						});
		    })
	    </script>
				-->
				<!-- 底部结束 -->
				<script type="text/javascript">
					var vm = new Vue({
						el: "#login",
						data: {
							username: '',
							password: ''
						},
						methods: {
							login: function(event) {
								var username = vm.username;
								var password = vm.password;
								if (username.length == 0 || password.length == 0) {
									return false;
								}
								$.ajax({
									url: "login.action",
									type:"POST",
									data: {
										username:vm.username,
										password:$.sha1(vm.password)
									},
									dataType: "json",
									success: function(result) {
										console.log("123");
										console.log(result);
										if (result.success) {
											sessionStorage.setItem('login',true);
											layer.msg("登陆成功!",function(){window.location.href="index.html"});
										}else{
											sessionStorage.setItem('login',false);
											layer.msg("登陆失败!",function(){window.location.href="login.html"});
										}
									}
								});
							}
						},
						created: function() {
							//检查是否登陆
							var login =sessionStorage.getItem("login");
							if (login=='true'){
								window.location.href = "index.html";
							}
						}
					});

				</script>
	</body>
</html>
